<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/zero.css" />
	</head>
	<body>
		<div id="top">
			<img src="imger/dj2.jpg" class="tu"/>
			<a id="tu1">迪迦外卖</a>
			<div class="leftTop">
				<ul class="ul1">
					<li class="li1"><a href="login.html"> &nbsp;登录 &nbsp;</a><span style="color: white; font-size: 17px;">|</span></li>
					<li class="li1"><a href="login.html"> &nbsp;注册 &nbsp;</a><span style="color: white; font-size: 17px;">|</span></li>
					<li class="li1"><a href="mclogin.html"> &nbsp; 商家入口&nbsp;</a><span style="color: white; font-size: 17px;">|</span></li>
					<li class="li1"><input type="text" name="INTEXT" placeholder="请输入" value="" id="text"><img class="seach" src="imger/seach.png"></li>
				</ul><br />
				<div class="ul2">
					<!--二级菜单-->
					<li class="li2">
						<a href="##" class="now">美食外卖</a>
						<div class="menu">
							<dl>
								<dd><a href="##">盖浇饭</a></dd>
								<dd><a href="##">汉堡</a></dd>
								<dd><a href="##">米粉面馆</a></dd>
								<dd><a href="##">麻辣烫</a></dd>
								<dd><a href="##">包子粥店</a></dd>
								<dd><a href="##">生煎锅贴</a></dd>
								<dd><a href="##">饺子混沌</a></dd>
								<dd><a href="##">香锅砂锅</a></dd>
							</dl>
						</div>
					</li>
					<li class="li2">
						<a href="##">甜品饮品</a>
						<div class="menu">
							<dl>
								<dd><a href="##">甜品</a></dd>
								<dd><a href="##">咖啡</a></dd>
								<dd><a href="##">奶茶</a></dd>
								<dd><a href="##">果汁</a></dd>
							</dl>
						</div>
					</li>
					<li class="li2">
						<a href="##">果蔬生鲜</a>
						<div class="menu">
							<dl>
								<dd><a href="##">水果</a></dd>
								<dd><a href="##">蔬菜豆品</a></dd>
								<dd><a href="##">肉禽蛋品</a></dd>
								<dd><a href="##">海鲜水产</a></dd>
							</dl>
						</div>
					</li>
					<li class="li2">
						<a href="##">夜宵</a>
						<div class="menu">
							<dl>
								<dd><a href="##">炸鸡炸串</a></dd>
								<dd><a href="##">鸭脖卤味</a></dd>
								<dd><a href="##">小龙虾</a></dd>
								<dd><a href="##">地方小吃</a></dd>
								<dd><a href="##">零食</a></dd>
								<dd><a href="##">烧烤</a></dd>
							</dl>
						</div>
					</li>
					<li class="li2">
						<a href="##">快餐便当</a>
						<div class="menu">
							<dl>
								<dd><a href="##">简餐</a></dd>
								<dd><a href="##">烧腊饭</a></dd>
								<dd><a href="##">黄焖鸡米饭</a></dd>
								<dd><a href="##">咖喱饭</a></dd>
								<dd><a href="##">煲仔饭</a></dd>
							</dl>
						</div>
					</li>
					<li class="li2">
						<a href="##">特色菜系</a>
						<div class="menu">
							<dl>
								<dd><a href="##">川湘菜</a></dd>
								<dd><a href="##">粤菜</a></dd>
								<dd><a href="##">东北菜</a></dd>
								<dd><a href="##">云南菜</a></dd>
								<dd><a href="##">江浙菜</a></dd>
								<dd><a href="##">西北菜</a></dd>
								<dd><a href="##">新疆菜</a></dd>
								<dd><a href="##">其他菜系</a></dd>
							</dl>
						</div>
					</li>
					<li class="li2">
						<a href="##">我的</a>
						<div class="menu">
							<dl>
								<dd><a href="alter.html">用户信息</a></dd>
								<dd><a href="##">购物车</a></dd>
								<dd><a href="##">商品</a></dd>
								<dd><a href="mcalter.html">商家信息</a></dd>
							</dl>
						</div>
					</li>
				</div>
			</div>
		</div>

		
		<!--中间部分-->
		<div id="banner" >
			<div id="pic" style="height: 500px;">
				<ul>
					<li><a id="links"><img src="imger/1.jpg" id="img"></a></li>
					<li><a><img src="imger/8.jpg"></a></li>
					<li><a><img src="imger/4.jpg"></a></li>
					<li><a><img src="imger/6.jpg"></a></li>
					<li><a><img src="imger/7.jpg"></a></li>
					<li><a><img src="imger/2.jpg"></a></li>
					<li><a><img src="imger/9.jpg"></a></li>
					<li><a><img src="imger/10.jpg"></a></li>
				</ul>
				<a id="prev" class="arrow" style="top: 231px;"></a>
				<a id="next" class="arrow" style="top: 231px;"></a>
			</div>
		</div>
		
		<!--分割线-->
		<div id="fen">
			<a class="fen">品 质 优 选 区</a>
		</div>
		<!--中间新闻部分-->
		<div class="logo2">
			<div id="now">
			<div class="ban1">
				<img src="imger/01.jpg"  id="ban"/>
				<a id="name">&nbsp; 陈哥是傻逼</a><br />
				<a id="name1">&nbsp; 今晚回访电话苏俄互粉刺耳王府井从而为if金额为if吧那位叫我发您成为欧ID叫我i</a><br />
				<a id="name2">￥  10</a>
			</div>
			<div class="ban">
				<img src="imger/02.jpg"  id="ban"/>
				<a id="name">&nbsp; 陈哥是傻逼</a><br />
				<a id="name1">&nbsp; 今晚回访电话苏俄互粉刺耳王府井从而为if金额为if吧那位叫我发您成为欧ID叫我i</a><br />
				<a id="name2">￥  10</a>
			</div>
			<div class="ban">
				<img src="imger/08.jpg"  id="ban"/>
				<a id="name">&nbsp; 陈哥是傻逼</a><br />
				<a id="name1">&nbsp; 今晚回访电话苏俄互粉刺耳王府井从而为if金额为if吧那位叫我发您成为欧ID叫我i</a><br />
				<a id="name2">￥  10</a>
			</div>
			</div>
			
			<div class="now1">
			<div class="ban1">
				<img src="imger/04.jpg"  id="ban"/>
				<a id="name">&nbsp; 陈哥是傻逼</a><br />
				<a id="name1">&nbsp; 今晚回访电话苏俄互粉刺耳王府井从而为if金额为if吧那位叫我发您成为欧ID叫我i</a><br />
				<a id="name2">￥  10</a>
			</div>
			<div class="ban">
				<img src="imger/05.jpg"  id="ban"/>
				<a id="name">&nbsp; 陈哥是傻逼</a><br />
				<a id="name1">&nbsp; 今晚回访电话苏俄互粉刺耳王府井从而为if金额为if吧那位叫我发您成为欧ID叫我i</a><br />
				<a id="name2">￥  10</a>
			</div>
			<div class="ban">
				<img src="imger/06.jpg"  id="ban"/>
				<a id="name">&nbsp; 陈哥是傻逼</a><br />
				<a id="name1">&nbsp; 今晚回访电话苏俄互粉刺耳王府井从而为if金额为if吧那位叫我发您成为欧ID叫我i</a><br />
				<a id="name2">￥  10</a>
			</div>
			</div>
		</div>
		
		<!--分割线-->
		<div id="fen1">
			<a class="fen1">美  食  鉴  赏</a>
		</div>	
			
		<!--无缝轮播-->
		<div id="photo">		
			<div id="photo1">
				<a><img src="imger/s1.jpg"  class="imgs"/></a>
				<a><img src="imger/s2.jpg"  class="imgs"/></a>
				<a><img src="imger/s3.jpg"  class="imgs"/></a>
				<a><img src="imger/s4.jpg"  class="imgs"/></a>
				<a><img src="imger/s5.jpg"  class="imgs"/></a>
				<a><img src="imger/s6.jpg"  class="imgs"/></a>
				<a><img src="imger/s7.jpg"  class="imgs"/></a>
				<a><img src="imger/s3.jpg"  class="imgs"/></a>
			</div>
			<div id="photo2">
				<a><img src="imger/s1.jpg"  class="imgs"/></a>
				<a><img src="imger/s2.jpg"  class="imgs"/></a>
				<a><img src="imger/s3.jpg"  class="imgs"/></a>
				<a><img src="imger/s4.jpg"  class="imgs"/></a>
				<a><img src="imger/s5.jpg"  class="imgs"/></a>
				<a><img src="imger/s6.jpg"  class="imgs"/></a>
				<a><img src="imger/s7.jpg"  class="imgs"/></a>
				<a><img src="imger/s3.jpg"  class="imgs"/></a>
			</div>
		</div>
		
		<!--底部-->
		<div class="bottom">
			<div class="left">
				<ul id="left1">
				<li><a>开发平台</a></li>
				<li><a>平台制度</a></li>
				<li><a>资助我们</a></li>
				<li><a>问题反馈</a></li>
				</ul>
				<ul id="left2">
				<li><a>联系客服</a></li>
				<li><a>诚招英才</a></li>
				<li><a>廉政举报</a></li>
				<li><a>加入我们</a></li>
				</ul>
			</div>
			<div id="middle">
				<img src="imger/timg.gif" />
			</div>
			<div id="right">
				<img src="imger/timg.gif"/>
			</div>
			<div class="last">
				<h3>
					<div align="center">
						地址：广西来宾市兴宾区兰海露家   邮编：546100
						<br>公司电话：0771-3265400&nbsp; 陈哥电话：0771-3262025
						<br>Copyright 2002-2018 迪迦外卖  All Rights Reserved .
						&nbsp; 
						<br>备案/许可证编号：桂ICP备16007110号 
					</div>
                </h3>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
	<script type="text/javascript" src="js/index.js" >//二级菜单</script>
	<script type="text/javascript">
		//大图轮播
			var prev = document.getElementById("prev");
			var next = document.getElementById("next");
			var imglist = document.getElementById("img");
			var imgList = ['imger/8.jpg', 'imger/6.jpg', 'imger/4.jpg', 'imger/2.jpg', 'imger/7.jpg', 'imger/1.jpg','imger/9.jpg','imger/10.jpg'];
			var num = 0;
			function tab() {
				imglist.src = imgList[num];
			};
			tab();
			prev.onclick = function() {
				num--;
				if(num == -1) {
					num = imgList.length - 1;
				}
				tab();
			}
			next.onclick = function() {
				num++;
				if(num == imgList.length) {
					num = 0;
				}
				tab();
			}
			
			var bannerList = [
            {
      	    "linksrc":"http://sina.com",
      	    "imgsrc":"imger/1.jpg",
            },
            {
      	    "linksrc":"http://sina.com",
      	    "imgsrc":"imger/2.jpg",
            },
//          {
//    	    "linksrc":"http://sina.com",
//    	    "imgsrc":"imger/3.jpg",
//          },
            {
      	    "linksrc":"http://sina.com",
      	    "imgsrc":"imger/4.jpg",
            },
//          {
//    	    "linksrc":"http://sina.com",
//    	    "imgsrc":"imger/5.jpg",
//          },
            {
      	    "linksrc":"http://sina.com",
      	    "imgsrc":"imger/6.jpg",
            },
            {
      	    "linksrc":"http://sina.com",
      	    "imgsrc":"imger/7.jpg",
            },
            {
      	    "linksrc":"http://sina.com",
      	    "imgsrc":"imger/8.jpg",
            },
            {
      	    "linksrc":"http://sina.com",
      	    "imgsrc":"imger/9.jpg",
            },
            {
      	    "linksrc":"http://sina.com",
      	    "imgsrc":"imger/10.jpg",
            }, 
      ]
      
            var index = 0;
            var links = document.getElementById("links");
            var bannerimg = document.getElementById("img");
            function changeImg (){
      	if(index == 7){
      		index = 0;
      	}
      	else{
      		index = index + 1;
      	}
      	links.href = bannerList[index].linksrc;
      	bannerimg.src = bannerList[index].imgsrc;
      }
            var intervalId = setInterval(changeImg,3000);
            bannerimg.onmouseover = function(){
      	clearInterval(intervalId);
      }
            bannerimg.onmouseout = function(){
      	intervalId = setInterval(changeImg,3000);
      }
		
			
			//搜索框
//			$(".seach").mouseover(function(){
//			$("#text").slideDown("fast");
//		    }).mouseout(function(){
//			$("#text").hide();
//		    })
			
    //合作商家
 	window.onload = function() {
 		var speed = 10;
 		photo = document.getElementById('photo');
 		photo1 = document.getElementById('photo1');

 		var ID = setInterval(changeToLeft,speed);

 		photo.onmouseover = function() {
 			clearInterval(ID);
 		}
 		photo.onmouseout = function() {
 			ID = setInterval(changeToLeft,speed);
 		}
 	};
 	function changeToLeft() {
 		if(photo.scrollLeft >= (photo1.offsetWidth)){
 			photo.scrollLeft = 0;
 		}
 		else {
 			photo.scrollLeft += 1;
 		}
 	}

	</script>
</html>

